<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../lib/layui/css/layui.css" media="all">
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
</head>
<body>
<form class="layui-form" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">点位名称</label>
        <div class="layui-inline">
            <input type="text" class="layui-input" name="cameraName">
        </div>
    </div>
    <label class="layui-form-label">车道方向</label><a href="#"  style="color: #0000FF">绘制</a>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">车流量:</label>
            <input type="checkbox" checked="" name="trafficVolumeOpen" lay-skin="switch" lay-filter="switchTest"
                       lay-text="ON|OFF" value="true">
        </div>
        <div class="layui-inline"><div class="layui-input-inline">
            <input name="trafficVolumeTime" type="text" class="layui-input" id="time1" placeholder=" - ">
        </div></div>
        <div class="layui-inline">
            <label class="layui-form-label">推送间隔:</label>
            <input name="trafficVolumeInterval" class="layui-input" style="width: 40px" value="15">
        </div>
        <div class="layui-inline">分钟</div>
    </div>
    <!--<div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">异常停车:</label>
            <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest"
                   lay-text="ON|OFF">
        </div>
        <div class="layui-inline">
            <input type="text" class="layui-input" id="time2" placeholder=" - ">
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">判定帧数:</label>
            <input class="layui-input" style="width: 40px" value="0">
        </div>
        <div class="layui-inline">
            帧 <a href="#" style="color: #0000FF">绘制</a>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">违禁车辆:</label>
            <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest"
                   lay-text="ON|OFF">
        </div>
        <div class="layui-inline">
            <input type="text" class="layui-input" id="time3" placeholder=" - ">
        </div>
        <div class="layui-inline">
            <a href="#" style="color: #0000FF">绘制</a>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">违法行驶:</label>
            <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest"
                   lay-text="ON|OFF">
        </div>
        <div class="layui-inline">
            <input type="text" class="layui-input" id="time4" placeholder=" - ">
        </div>
        <div class="layui-inline">
            <label class="layui-form-label"> 逆行距离:</label>
            <input class="layui-input" style="width: 40px" value="0">
        </div>
        <div class="layui-inline">
            像素 <a href="#" style="color:#0000FF;"> 逆行区域绘制</a>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label"> 应急刹车道判定帧数:</label>
            <input class="layui-input" style="width: 40px" value="0">
        </div>
        <div class="layui-inline">
            帧 <a href="#" style="color:#0000FF;"> 应急刹车到绘制</a>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">行人或非机动车:</label>
            <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest"
                   lay-text="ON|OFF">
        </div>
        <div class="layui-inline">
            <input type="text" class="layui-input" id="time5" placeholder=" - ">
        </div>
        <div class="layui-inline">
            <label class="layui-form-label"> 行人判定帧数:</label>
            <input class="layui-input" style="width: 40px" value="0">
        </div>
        <div class="layui-inline">
            帧 <a href="#" style="color:#0000FF;"> 行人区域绘制</a>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label"> 非机动车判定帧数:</label>
            <input class="layui-input" style="width: 40px" value="0">
        </div>
        <div class="layui-inline">
            帧 <a href="#" style="color:#0000FF;"> 非机动车区域绘制</a>
        </div>
    </div>-->
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>


</body>

<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //时间范围
        laydate.render({
            elem: '#time1'
            , type: 'time'
            , range: true
        });
    })
</script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;

        //监听指定开关
        form.on('switch(switchTest)', function (data) {
            layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
        });
    })
</script>

</html>